@charset "UTF-8";
.zw-header__col,
.zw-person .zw-header {
  display: -webkit-box;
  display: -ms-flexbox
}

.zw-exchange .zw-card--con,
.zw-header__col,
.zw-person .zw-card,
.zw-person .zw-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.zw-person {
  font-size: 0.8rem;
  padding-bottom: 2rem;
  text-align: left;
  overflow: scroll
}

.zw-person .zw-header {
  height: 6.75rem;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: col;
  flex-direction: col;
  background: #549EEF;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .4)));
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 100%)
}

.zw-header__col {
  height: 4rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column
}

.zw-header__col:nth-child(1) {
  width: 4rem;
}

.zw-header__col:nth-child(1) img {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
}

.zw-header__col:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  text-align: left;
  padding: 0 0.5rem;
}

.zw-header__col:nth-child(2) p {
  font-family: PingFangSC-Medium;
  font-size: 0.7rem;
  color: #F3F9FD;
  line-height: 1.7rem;
  text-shadow: 0 1px 2px rgba(23, 123, 230, .8)
}

.zw-header__col:nth-child(3) {
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  width: 4rem;
  padding-right: 0.5rem;
  background: url(http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/v2/arrow_white.png) right 0.5rem center no-repeat;
  background-size: 0.6rem 1rem;
}

.zw-header__col:nth-child(3) img {
  height: 2rem;
  width: 2rem;
}

.zw-person .zw-card {
  border-bottom: 1px solid rgba(32, 67, 106, .2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-algin: left
}

.zw-person .zw-card--head {
  margin: 0 0.5rem;
  line-height: 2.5rem;
  font-family: PingFangSC-Regular;
  font-size: 0.8rem;
  color: #20436A;
  background: url(http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/v2/arrow.png) right center no-repeat;
  background-size: 0.8rem 1rem;
  border-bottom: 1px solid rgba(32, 67, 106, .2)
}

.zw-person .zw-card--head:last-child {
  border-bottom: none
}

.zw-person .zw-card--head small {
  font-family: PingFangSC-Regular;
  font-size: 0.6rem;
  color: rgba(32, 67, 106, .4)
}

.zw-person .zw-card--des {
  padding: 0.4rem 0.5rem;
}

.zw-person .zw-card--des .title {
  font-family: PingFangSC-Regular;
  font-size: 0.7rem;
  color: rgba(32, 67, 106, .6);
  line-height: 1.4rem;
  width: 4rem;
  display: inline-block
}

.zw-person .zw-card--des .value {
  font-size: 0.7rem;
  color: #20436A;
  line-height: 28px
}

.zw-person .icon {
  width: 1rem;
  height: 1rem;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}

.zw-person .icon.icon1 {
  background: url(http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/v2/bankCard.png) center center no-repeat;
  background-size: 0.9rem 1rem;
}

.zw-person .icon.icon2 {
  background: url(http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/v2/creditsExchange.png) center center no-repeat;
  background-size: 0.9rem 1rem;
}


.zw-person .icon.icon3 {
  background: url(http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/v2/openingBank.png) center center no-repeat;
  background-size: 0.9rem 1rem;
}

.zw-exchange{
  background-color: #f3f9fd;
  height: 100%;
}

.zw-exchange-content{
  padding: 0.5rem 0.5rem 0 1.75rem;
}


.zw-exchange .zw-item {
  position: relative
}

.zw-exchange .zw-item:first-child::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #FDFBF4;
  top: 0;
  left: -15px;
  z-index: 1
}

.zw-exchange .zw-item--circle i {
  position: absolute;
  top: 18px;
  left: -21px;
  line-height: 1;
  font-size: 12px;
  width: 13px;
  height: 13px;
  background: #FDFBF4;
  border: 2px solid #76B1F2;
  border-radius: 50%;
  z-index: 2
}

.zw-exchange .zw-item--step .line {
  position: absolute;
  top: 0;
  left: -15px;
  width: 1px;
  height: 100%;
  background-color: #e5e5e5
}

.zw-exchange .zw-card--title {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #76B1F2;
  letter-spacing: 0;
  line-height: 27px
}

.zw-exchange .zw-card--con {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.zw-exchange .zw-card--con ul {
  border-bottom: 1px solid rgba(153, 153, 153, .2);
  margin: 0 10px;
  padding: 10px 0;
  line-height: 22px
}

.zw-exchange .zw-card--con .title {
  font-size: 0.7rem;
  color: #333;
  letter-spacing: 0;
  line-height: 18px
}

.zw-exchange .zw-card--con .des {
  font-size: 0.7rem;
  color: rgba(118, 177, 242, .8);
  letter-spacing: 0
}

.zw-exchange .zw-card--con .value {
  font-size: 0.7rem;
  font-weight: bold;
  color: #20436A;
  line-height: 28px;
}

.zw-exchange .large {
  font-size: 18px
}
